html,
body {
	margin: 0;
	padding: 0;
	font-family: PingFangSC-Medium, PingFangSC-Semibold
}

header {
	height: 7.4vw;
	background-color: #212121;
	padding: 0 3.29vw;
	position: relative;
}

header img {
	width: 21.3vw;
	height: 5.26vw;
	margin-top: 1.07vw;
}

header .user {
	position: absolute;
	top: 0;
	right: 3.29vw;
	color: #fff;
	font-size: 1.31vw
}

header .user span {
	display: inline-block;
	line-height: 7.4vw;
	margin-left: 2vw;
	cursor: pointer
}

header .user span:last-child {
	text-decoration: underline
}

/* 左侧 */
nav {
	position: absolute;
	top: 7.4vw;
	bottom: 0;
	width: 24.44vw;
	background-color: #212121;
	color: #989898;
}

nav ul {
	margin: 0;
	padding: 0;
	font-size: 1.15vw
}

nav ul li {
	line-height: 4.93vw;
	list-style: none;
	position: relative;
	box-sizing: border-box;
	padding-left: 1.646vw
}
nav ul li.active{
	background-color: #333333
}
nav ul li::after {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 1px;
	content: " ";
	background: #323232;
}

/* 中间 */
.box{
	position: absolute;
	left: 24.44vw;
	right: 0;
	top: 7.4vw;
	bottom: 3.045vw;
	padding: 2.057vw 3.29vw;
	font-weight: bold;
	overflow-x: auto;
}
.box a.add-user{
	font-size: 1.48vw;
	text-decoration: none;
	color: #333;
	
}
table,table tr th, table tr td { border:1px solid #dee2e5; }
.box table{
	margin-top: 2.057vw;
	width: 100%;
	border-collapse: collapse;
}
.box tr{
	height: 3.62vw;
	line-height: 3.62vw;
	font-size: 1.316vw;
}
.box tbody tr:nth-child(odd) {
	background: #f6f8fa
}
.box tbody td{
	padding-left: 1.234vw;
}
/* 底部 */
footer{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #212121;
	color: #fff;
	font-size: 1vw;
	line-height: 3.045vw;
	text-align: center
}